<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>Title</title>
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="item-lb">
    <ul>
        <li class="active"><span><i class="iconfont">&#xe605;</i></span><em>全区排名</em></li>
        <li><span><i class="iconfont">&#xe633;</i></span><em>住户排名</em></li>
    </ul>
</div>
<div class="item-sx">
    <dl>
        <dt>排名方式</dt>
        <dd class="active"><span>月总分</span><div class="up-btn"><i class="active iconfont">&#xe639;</i><i class="iconfont">&#xe63f;</i></div></dd>
        <dd><span>年总分</span><div class="up-btn"><i class="active iconfont">&#xe639;</i><i class="iconfont">&#xe63f;</i></div></dd>
        <dd><span>镇</span><div class="up-btn"><i class="active iconfont">&#xe639;</i><i class="iconfont">&#xe63f;</i></div></dd>
        <dd><span>村</span><div class="up-btn"><i class="active iconfont">&#xe639;</i><i class="iconfont">&#xe63f;</i></div></dd>
    </dl>
</div>
<div class="wrap-item-fixed">
    <ul>
        <li><a href="index.html"><img class="iconfont" src="img/kh.svg" style="color:#999"><span>考核管理</span></a></li>
        <li class="active"><a href="pm2.html"><img class="iconfont" src="img/pm.svg" style="color:#999"><span>考核排名</span></a></li>
        <li><a href="javascript:;"><img class="iconfont" src="img/map.svg" style="color:#00F7DE"><span>gis地图</span></a></li>
        <li><a href="grzx.html"><img class="iconfont" src="img/my.svg" style="color:#999"><span>我的</span></a></li>
    </ul>
</div>
<div class="item-tb">
    <!--<div class="item-table">-->
        <!--<div class="icon-item fl"></div>-->
        <!--<div class="item-jbxx fl">-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<div class="nr">姓名<span>陈先生</span></div>-->
                    <!--<div class="nr">家庭党员<span>5</span>人</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="nr">状态<span>长期在外</span></div>-->
                    <!--<div class="nr">是否党员<span>否</span></div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="ad">住址<span>杭州是进哈是的</span></div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="nr1">评分-->
                        <!--<em>用评分</em><span class="red">5分</span>-->
                        <!--<em>用评分</em><span class="red">5分</span>-->
                    <!--</div>-->
                <!--</li>-->
            <!--</ul>-->
        <!--</div>-->
        <!--<div class="pm-mc fl">-->
            <!--<em>排名</em>-->
            <!--<p>1</p>-->
        <!--</div>-->
    <!--</div>-->
</div>
</body>
<script src="js/jquery.js"></script>
<script>
    function dy(cc){
        switch (cc){
            case 0:
                return '是';
            case 1:
                return '否'
        }
    }
    $.ajax({
        url:"data.json",
        type:"get",
        success:function(data){
            var html=''
            var td=data.data
            for(var i=0;i<td.length;i++){
                html+='<div class="item-table">'
                html+='<div class="icon-item fl"></div>'
                html+='<div class="item-jbxx fl">'
                html+='<ul>'
                html+='<li>'
                html+='<div class="nr">姓名<span>'+td[i].xm+'</span></div>'
                html+='<div class="nr">家庭党员<span>'+td[i].jtcy+'</span>人</div>'
                html+=' </li>'
                html+=' <li>'
                html+=' <div class="nr">状态<span>'+td[i].state+'</span></div>'
                html+='<div class="nr">是否党员<span>'+td[i].sfdy+'</span></div>'
                html+='</li>'
                html+='<li>'
                html+=' <div class="ad">住址<span>'+td[i].dz+'</span></div>'
                html+='</li>'
                html+='<li>'
                html+='<div class="nr1">评分'
                html+='<em>月评分</em><span class="red">'+td[i].pf+'分</span>'
                html+='<em>年评分</em><span class="red">'+td[i].nzf+'分</span>'
                html+='</div>'
                html+='</li>'
                html+='</ul>'
                html+='</div>'
                html+='<div class="pm-mc fl">'
                html+='<em>排名</em>'
                html+=' <p class="p'+(i+1)+'">'+(i+1)+'</p>'
                html+=' </div>'
                html+=' </div>'
            }
            $(".item-tb").html(html)
        }
    })
</script>
</html>